<div class="slideshow">
  <div id="bossslideshow<?php echo $module; ?>" class="flexslider" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
      <ul class="slides">
            <?php foreach ($banners as $banner) { ?>
                  <li>
                      <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" title="<?php echo $banner['title']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
                      <p class="flex-caption"></p>
                  </li>
             <?php } ?>
      </ul>
  </div>
</div>

<script type="text/javascript">
    $(window).load(function(){
        $('#bossslideshow<?php echo $module; ?>').flexslider({
            animation: "slide",
            slideshowSpeed: 7000,
            animationSpeed: 600
            //start: function(slider){
            // $('body').removeClass('loading');
            //}
        });
    });
</script>

